const path = require ('path')
const HtmlWebpackPlugin = require ('html-webpack-plugin')//引入html插件，为了自动生成html文件，并自动引入css和js
const CopyWebpackPlugin = require ('copy-webpack-plugin')//引入复制公共文件的插件
module.exports ={
    entry:path.resolve(__dirname,'../src/index.js'),//这个路径是根据这个配置文件来找的
    output:{
        path:path.resolve(__dirname,'../build'),//这是出口文件夹的路径
        filename:'./js/main.js'//这个路径是会根据出口文件夹的路径来写的文件路径
    },
    plugins:[
        //生成html文件，并设置对应的参照模板（为public中的index.html）
        new HtmlWebpackPlugin({
            template: path.resolve(__dirname,'../public/index.html'),
            filename: "index.html", 
        }),
        //复制public文件到打包目录，忽略index.html
        new CopyWebpackPlugin({
            patterns:[{
                from:path.resolve(__dirname,'../public'),
                to:'public' ,//参照出口build文件夹
                globOptions: {//忽略html文件的复制，因为html插件会生成html，所以这里就不需要复制过去了
                    ignore: ["**/index.html"]
                }
            }]
        })
    ],

    mode:'production'//生产环境
}
